<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../dist/tailwind.css">
    <style>
        .bg-stripes-fuchsia-500 {
            --stripes-color: rgba(217, 70, 239, 0.4);
        }

        .bg-stripes {
            background-image: linear-gradient(45deg, var(--stripes-color) 12.5%, transparent 12.5%, transparent 50%, var(--stripes-color) 50%, var(--stripes-color) 62.5%, transparent 62.5%, transparent 100%);
            background-size: 5.66px 5.66px;
        }
    </style>
    <link rel="stylesheet" href="../../../../css/uikit-3.6.22/css/uikit.min.css">
    <script src="../../../../css/uikit-3.6.22/js/uikit.min.js"></script>
    <script src="../../../../css/uikit-3.6.22/js/uikit-icons.min.js"></script>
</head>

<body class="">
    <div class="w-full h-12 bg-indigo-3001 flex flex-auto justify-between justify-center items-center px-8">
        <div class="bg-stripes-fuchsia-500  bg-stripes w-20 h-full flex justify-center items-center">icon</div>
        <div class="flex justify-center items-center space-x-6">
            <input type="search" name="" class="w-72 outline-none h-8 rounded-sm px-3 border border-gray-300 text-sm"
                placeholder="搜索项目">
            <div class="text-sm h-full flex items-center space-x-1 text-gray-500 hover:text-gray-900">
                <span uk-icon="icon:question; ratio: 0.7" class=""></span>
                <text class=''>帮助</text>
            </div>
            <div class="text-sm h-full flex items-center space-x-1 text-gray-500 hover:text-gray-900">
                <span uk-icon="icon:question; ratio: 0.7" class=""></span>
                <text class=''>帮助</text>
            </div>
            <div class="text-sm h-full flex items-center space-x-1 text-gray-500 hover:text-gray-900">
                <span uk-icon="icon:question; ratio: 0.7" class=""></span>
                <text class=''>帮助</text>
            </div>
        </div>
    </div>

    <div class="w-full h-screen bg-gray-200">

    </div>
</body>

</html>